<!--
 * @Description: 宝箱页面
-->
<template>
  <view class="container">
    <view class="content">
      <view class="title">宝箱页面</view>
    </view>
    
    <!-- 自定义 TabBar -->
    <custom-tabbar :current="2" @change="handleTabChange"></custom-tabbar>
  </view>
</template>

<script>
import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue'

export default {
  components: {
    CustomTabbar
  },
  data() {
    return {}
  },
  
  onLoad() {},
  
  methods: {
    handleTabChange(index) {
      console.log('切换到标签:', index)
    }
  }
}
</script>

<style>
.container {
  min-height: 100vh;
  background-color: #f5f5f5;
  padding-bottom: 100rpx;
}

.content {
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
}

.title {
  font-size: 20px;
  color: #333;
  text-align: center;
}
</style> 